<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="../res/static/css/main.css">
  <link rel="stylesheet" type="text/css" href="../res/layui/css/layui.css">
  <script type="text/javascript" src="../res/layui/layui.js"></script>
  <script type="text/javascript" src="../js/index.js"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
</head>
<body id="list-cont">
  <div class="site-nav-bg">
    <div class="site-nav w1200">
      <p class="sn-back-home">
        <i class="layui-icon layui-icon-home"></i>
        <a href="#">首页</a>
      </p>
      <div class="sn-quick-menu">
        <div class="login"><a href="login.html">登录</a></div>
        <div class="sp-cart"><a href="shopcart.html">购物车</a><span>2</span></div>
      </div>
    </div>
  </div>


  <div class="header">
    <div class="headerLayout w1200">
      <div class="headerCon">
        <h1 class="mallLogo">
          <a href="#" title="数码商城">
            <img src="../res/static/img/logo.png.jpg" height="50" width="80">
          </a>
        </h1>
        <div class="mallSearch">
          <form action="" class="layui-form" novalidate>
            <input type="text" name="title" required  lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
            <button class="layui-btn" lay-submit lay-filter="formDemo">
                <i class="layui-icon layui-icon-search"></i>
            </button>
            <input type="hidden" name="" value="">
          </form>
        </div>
      </div>
    </div>
  </div>


  <div class="content">
    <div class="main-nav">
      <div class="inner-cont0">
        <div class="inner-cont1 w1200">
          <div class="inner-cont2">
            <a href="commodity.html" class="active">所有商品</a>
            <a href="buytoday.html">今日团购</a>
            <a href="information.html">数码资讯</a>
            <a href="about.html">关于我们</a>
          </div>
        </div>
      </div>
    </div>
    <div class="category-con">
      <div class="category-inner-con w1200">
        <div class="category-type">
          <h3>全部分类</h3>
        </div>
        <div class="category-tab-content">
          <div class="nav-con">
            <ul class="normal-nav layui-clear">
              <li class="nav-item">
                <div class="title">手机</div>
                <p><a href="#">华为</a><a href="#">三星</a><a href="#">vivo</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">平板</div>
                <p><a href="#">苹果</a><a href="#">华为</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">电脑</div>
                <p><a href="#">联想</a><a href="#">惠普</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">配件</div>
                <p><a href="#">耳机音响</a><a href="#">充电器</a><a href="#">屏膜</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">智能硬件</div>
                <p><a href="#">智慧家居</a><a href="#">智能穿戴</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">游戏摄影</div>
                <p><a href="#">游戏设备</a><a href="#">摄影配件</a><a href="#">外设产品</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              <li class="nav-item">
                <div class="title">日用出行</div>
                <p><a href="#">运动健身</a><a href="#">个人护理</a><a href="#">家居家纺</a></p>
                <i class="layui-icon layui-icon-right"></i>
              </li>
              
            </ul>
          </div>
        </div>
      </div>
      <div class="category-banner">
        <div class="w1200">
          <img src="../res/static/img/98474d10344910357ad0e4e96d093aea.jpg"width="1200" height="400">
        </div>
      </div>
    </div>
    <div class="floors">
        <div class="sk">
                <div class="sk_inner w1200">
                  <div class="sk_hd">
                    <a href="javascript:;">
                      <img src="../res/static/img/s_img1.jpg">
                    </a>
                  </div>
                  <!--今日必抢  -->
                  <div class="sk_bd">
                    <div class="layui-carousel" id="test1">
                      <div id="today" carousel-item>
                      
                      </div>
                    </div>
                  </div>
                </div>    
              </div>
    </div>






    <div class="hot-recommend-con">
       <div class="hot-con1 w1200 layui-clear">
          <div class="item">
            <h4>热销推荐</h4>
            <div class="big-img">
              <a href="javascript:;"><img src="../res/static/img/10000136_1544599155182_250x250.png.webp"></a>
            </div>
          </div>
          <div class="item">
            <div class="top-img">
              <a href="javascript:;"><img src="../res/static/img/10002425_1587539379158_250x250.png.webp"></a>
            </div>
            <div class="bottom-img">
              <a class="baby-cream" href="javascript:;"><img src="../res/static/img/10000817_1556532003324_250x250.png.webp"></a>
            </div>
          </div>
          <div class="item item1 margin0 padding0">
            <a href="javascript:;"><img src="../res/static/img/10003337_1596176579313_250x250.png.webp" ></a>
            <a href="javascript:;"><img class="btm-img" src="../res/static/img/10006001_1605164406948_250x250.png.webp" ></a>
          </div>
      </div>
    </div>
    


    <div class="product-cont w1200" id="product-cont">
      <div class="product-item product-item1 layui-clear">
        <div class="left-title">
          <h4><i>1F</i></h4>
          <img src="../res/static/img/icon_gou.png">
          <h5>手机专场</h5>
        </div>
        <div class="right-cont">
          <a href="javascript:;" class="top-img"><img src="../res/static/img/shouji.png"  width="1000" height="200" alt="这是图片"></a>
          <div class="img-box">
            <a href="javascript:;"><img src="../res/static/img/timg%20(4).jpg"></a>
            <a href="javascript:;"><img src="../res/static/img/10006001_1605164406948_250x250.png.webp"></a>
            <a href="javascript:;"><img src="../res/static/img/timg%20(4).jpg"></a>
            <a href="javascript:;"><img src="../res/static/img/10006001_1605164406948_250x250.png.webp"></a>
            <a href="javascript:;"><img src="../res/static/img/timg%20(4).jpg"></a>
          </div>
        </div>
      </div>
      <div class="product-item product-item2 layui-clear">
        <div class="left-title">
          <h4><i>2F</i></h4>
          <img src="../res/static/img/icon_gou.png">
          <h5>电脑专场</h5>
        </div>
        <div class="right-cont">
          <a href="javascript:;" class="top-img"><img src="../res/static/img/dinnao.png" width="1000" height="200" alt=""></a>
          <div class="img-box">
            <a href="javascript:;"><img src="../res/static/img/3jxezf9xnVDLhcYsnUr4Dg.jpg"></a>
            <a href="javascript:;"><img src="../res/static/img/timg%20(4).jpg"></a>
            <a href="javascript:;"><img src="../res/static/img/20201211143609.jpg"></a>
            <a href="javascript:;"><img src="../res/static/img/timg%20(4).jpg"></a>
            <a href="javascript:;"><img src="../res/static/img/3jxezf9xnVDLhcYsnUr4Dg.jpg"></a>
          </div>
        </div>
      </div>
    </div>

    <div class="product-list-box" id="product-list-box">
      <div class="product-list-cont w1200">
        <h4>更多推荐</h4>
        <div class="product-item-box layui-clear">
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/3jxezf9xnVDLhcYsnUr4Dg.jpg" width="160" height="160"></a>
            <p>联想小新Air152021款15.6英寸全面屏超轻薄笔记本电脑</p>
            <span>￥5699.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/UkeC0iVrQCyEUKBa-fn5oA.jpg" width="160" height="160"></a>
            <p>华硕2021款15.6英寸全面屏超轻薄笔记本电脑</p>
            <span>￥5899.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/c4291f37c1922b79.jpg" width="160" height="160"></a>
            <p>惠普(HP)战99 G2 商用办公台式电脑主机</p>
            <span>￥2899.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/20201211143609.jpg" width="160" height="160"></a>
            <p>AOC AIO大师721 23.8英寸高清IPS屏一体机台式电脑</p>
            <span>￥2299.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/78_78_E877E7AC8133689D36780DF1AA562D91C1D0D5E7582FA460mp.png" width="160" height="160"></a>
            <p>荣耀猎人游戏本HONOR HUNTER V700 16.1英寸 游戏笔记本电脑</p>
            <span>￥8499.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/u=3046571865,2910543415&fm=26&gp=0.jpg" width="160" height="160"></a>
            <p>华为平板 M6 高能版 8.4英寸智能平板电脑 </p>
            <span>￥2349.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/u=3288664007,2477771197&fm=26&gp=0.jpg" width="160" height="160"></a>
            <p>华为平板 M5 青春版 8.0英寸智能平板电脑</p>
            <span>￥1549.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/timg%20(1).jpg" width="160" height="160"></a>
            <p>【新品】华为畅享平板 2 10.1英寸 麒麟710A芯片 全高清大屏 影音教育学习平板</p>
            <span>￥1999.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/timg%20(2).jpg" width="160" height="160"></a>
            <p>苹果（Apple）ipad2019/2020新款第8代10.2英寸air2更新版平板电脑</p>
            <span>￥3009.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/timg%20(3).jpg" width="160" height="160"></a>
            <p>Apple iPad Air 10.9英寸 平板电脑（ 2020年新款 256G WLAN版/A14芯片/触控ID/全面屏MYFY2CH/A）天蓝色</p>
            <span>￥5999.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/timg%20(4).jpg" width="160" height="160"></a>
            <p>ROG游戏手机3精英版12GB+128GB全网通5G手机</p>
            <span>￥3999.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10006001_1605164406948_250x250.png.webp" width="160" height="160"></a>
            <p>vivo S7e 5G版 8GB+128GB 银月</p>
            <span>￥2398.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10001939_1583745547756_250x250.png.webp" width="160" height="160"></a>
            <p>NEX 3S 5G版 8GB+256GB 深空流光</p>
            <span>￥4998.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005698_1607504711063_250x250.png.webp" width="160" height="160"></a>
            <p>vivo 5A Type-C数据线</p>
            <span>￥35.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10002425_1587539379158_250x250.png.webp" width="160" height="160"></a>
            <p>iQOO 2A Type-C 手游数据线 黄色</p>
            <span>￥39.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10001648_1572233820568_250x250.png.webp" width="160" height="160"></a>
            <p>vivo 22.5W 10000mAh 双向闪充移动电源 云峰白</p>
            <span>￥199.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005939_1603702031165_250x250.png.webp" width="160" height="160"></a>
            <p>iQOO 120W 闪充充电器套装</p>
            <span>￥279.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005837_1598696111130_250x250.png.webp" width="160" height="160"></a>
            <p>iQOO 5 原装高透保护膜</p>
            <span>￥14.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005929_1602224567516_250x250.png.webp" width="160" height="160"></a>
            <p>vivo X50 Pro皮革保护壳 深邃蓝</p>
            <span>￥34.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10000445_1550288357768_250x250.png.webp" width="160" height="160"></a>
            <p>Guildford手机桌面支架 银色</p>
            <span>￥34.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/9960_1545189738436_250x250.png.webp" width="160" height="160"></a>
            <p>闪迪手机U盘 64GB</p>
            <span>￥79.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005713_1600152855906_250x250.png.webp" width="160" height="160"></a>
            <p>vivo WATCH 42mm 摩卡棕 智能手表</p>
            <span>￥1249.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005713_1600152926511_250x250.png.webp" width="160" height="160"></a>
            <p>vivo WATCH 46mm 锋尚银 智能手表</p>
            <span>￥1249.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005786_1598442467067_250x250.png.webp" width="160" height="160"></a>
            <p>小苹果 万能遥控器 YKK-1011</p>
            <span>￥99.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10002889_1592408217421_250x250.png.webp" width="160" height="160"></a>
            <p>小天才儿童电话手表 Q2 蓝色</p>
            <span>￥798.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10002872_1591952135411_250x250.png.webp" width="160" height="160"></a>
            <p>iQOO 闪电游戏手柄 黑黄</p>
            <span>￥149.00</span>
          </div>
          <div class="list-item">
            <a href="javascript:;"><img src="../res/static/img/10005691_1596685837882_250x250.png.webp" width="160" height="160"></a>
            <p>智云 手机智能云台 SMOOTH-X SM108</p>
            <span>￥299.00</span>
          </div>
		  <div class="list-item">
		    <a href="javascript:;"><img src="../res/static/img/10001921_1583147275392_250x250.png.webp" width="160" height="160"></a>
		    <p>飞智 木蝎单手机械键盘</p>
		    <span>￥299.00</span>
		  </div>
		  <div class="list-item">
		    <a href="javascript:;"><img src="../res/static/img/10079_1588755480039_250x250.png.webp" width="160" height="160"></a>
		    <p>远点拍 蓝牙三脚架自拍杆</p>
		    <span>￥79.00</span>
		  </div>
		  <div class="list-item">
		    <a href="javascript:;"><img src="../res/static/img/10000817_1556532003324_250x250.png.webp" width="160" height="160"></a>
		    <p>盖世小鸡 GM300有线无线双模电竞鼠标</p>
		    <span>￥269.00</span>
		  </div>
		  <div class="list-item">
		    <a href="javascript:;"><img src="../res/static/img/10006080_1605597404639_250x250.png.webp" width="160" height="160"></a>
		    <p>SKG 颈部按摩仪 2.0 升级版 蓝牙款</p>
		    <span>￥399.00</span>
		  </div>
		  <div class="list-item">
		    <a href="javascript:;"><img src="../res/static/img/10003337_1596176579313_250x250.png.webp" width="160" height="160"></a>
		    <p>网易严选 日式和风声波式电动牙刷-升级版象牙白机身+一个刷头</p>
		    <span>￥139.00</span>
		  </div>
		  <div class="list-item">
		    <a href="javascript:;"><img src="../res/static/img/10000136_1544599155182_250x250.png.webp" width="160" height="160"></a>
		    <p>须眉 便携式剃须刀ST-R101</p>
		    <span>￥119.00</span>
		  </div>
        </div>
      </div>
    </div>
  </div>

  <div class="footer">
    <div class="ng-promise-box">
      <div class="ng-promise w1200">
        <p class="text">
          <a class="icon1" href="javascript:;">7天无理由退换货</a>
          <a class="icon2" href="javascript:;">满99元全场免邮</a>
          <a class="icon3" style="margin-right: 0" href="javascript:;">100%品质保证</a>
        </p>
      </div>
    </div>
    <div class="mod_help w1200">                                     
      <p>
        <a href="javascript:;">关于我们</a>
        <span>|</span>
        <a href="javascript:;">帮助中心</a>
        <span>|</span>
        <a href="javascript:;">售后服务</a>
        <span>|</span>
        <a href="javascript:;">数码资讯</a>
        <span>|</span>
        <a href="javascript:;">关于货源</a>
      </p>
      <p class="coty">数码商城版权所有 &copy; 2020-2030</p>
    </div>
  </div>
  <script type="text/javascript">

layui.config({
    base: '../res/staic/js/util/' //你存放新模块的目录，注意，不是layui的模块目录
  }).use(['carousel','mm'],function(){
      var carousel = layui.carousel,mm = layui.mm;
     var option = {
        elem: '#test1'
        ,width: '100%' //设置容器宽度
        ,arrow: 'always'
        ,height:'298' 
        ,indicator:'none'
      }
      carousel.render(option);
      // 模版引擎导入
     // var ins = carousel.render(option);
     // var html = demo.innerHTML;
     // var listCont = document.getElementById('list-cont');
     // // console.log(layui.router("#/about.html"))
     //  mm.request({
     //    url: '../json/index.json',
     //    success : function(res){
     //      console.log(res)
     //      listCont.innerHTML = mm.renderHtml(html,res)
     //      ins.reload(option);
     //    },
     //    error: function(res){
     //      console.log(res);
     //    }
     //  })
	 
	 

});
  </script>
</body>
</html>